
<template>
    <div>
        <el-form :model="model"  ref="ruleForm" label-width="100px" class="demo-ruleForm ">
           <el-row>
                <el-col :span="8">
                    <el-form-item label="编号" prop="Number">
                        <el-input v-model="model.Number" placeholder="请输入其他出库编号"></el-input>
                    </el-form-item>
                </el-col>
           

            
                <el-col :span="8">
                    <el-form-item label="出仓库" prop="WareHouseId">
                       
                        <el-input v-model="model.WareHouseId" placeholder="请输入其他出库"></el-input>

                    </el-form-item>
                </el-col>
            

            
                <el-col :span="8">
                    <el-form-item label="出库日期" prop="ExWarehouseDate">
                        <el-date-picker type="datetime" placeholder="选择入库日期" v-model="model.ExWarehouseDate" ></el-date-picker>
                    </el-form-item>
                </el-col>
           </el-row>

           <el-row>
                <el-col :span="8">
                    <el-form-item label="订单状态" prop="Status">   
                        <el-input v-model="model.Status" placeholder="请输入其他出库编号"></el-input>

                    </el-form-item>
                </el-col>

                <el-col :span="8">
                    <el-form-item label="入库类型" prop="WareHouseMode">
                        <el-input v-model="model.WareHouseMode" placeholder="请输入其他出库编号"></el-input>

                    </el-form-item>
                </el-col>
                
                <el-col :span="8">
                    <el-form-item label="备注" prop="Remark">
                        <el-input v-model="model.Remark" placeholder="请输入备注"></el-input>
                    </el-form-item>
                </el-col>
           </el-row>
           <el-row>
                <el-col :span="8">
                    <el-form-item label="经办人" prop="RealName">
                            <el-input v-model="model.RealName" placeholder="请输入经办人"></el-input>
                    </el-form-item>
                </el-col>
               
                
           </el-row>

        
            <el-table :data="tableData" ref="dataForm" v-loading="isLoading" height="360" >
                <el-table-column type="selection" width="55"></el-table-column>
                <el-table-column  prop="ItemCode" label="编号" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="ItemName" label="名称" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="Spec" label="规格" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="UnitOfMeasure" label="单位" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="CurrCount" label="库存" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="Amount" label="金额" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="TaxPrice" label="含税单价" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="TaxAmount" label="含税金额" :show-overflow-tooltip="true"></el-table-column>

                <el-table-column prop="Count" label="数量" :show-overflow-tooltip="true"></el-table-column>
                <el-table-column prop="Price" label="商品单价" :show-overflow-tooltip="true"></el-table-column>
                 <el-table-column prop="Tax" label="税率" :show-overflow-tooltip="true"> </el-table-column>
                <el-table-column prop="Remark" label="备注" :show-overflow-tooltip="true"></el-table-column>

                
            </el-table>

          

        </el-form>
        
</div>
</template>
    
<script>

export default {
  props:{
    model:{
        require: true,
        type:Object,
    }
  },
  data(){
    return{
        tableData:[],
    }
    
  },
  created(){
            console.log(this.model);
            this.GetOtherExWareHousebyAsync()
        },
        methods:{
            GetOtherExWareHousebyAsync(){
            this.isLoading=true;
            this.$http.get('/api/OtherExWareHouse/GetOtherExWareHousebyAsync',{
                params:{
                    OtherExWareHouseId:this.model.Id,
                    WareHouseId:this.model.WareHouseId
                }
            })
            .then(res=>{
                console.log(res)
                this.isLoading=false;
                this.tableData = res.Data;
            })
        },
        }
}
</script>
    
